<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Vue.js 实战</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
  <div id="app">
    <table>
      <tr>
        <th>Vue.js实战中的章节</th>
        <th>实现和代码</th>
      </tr>
      <tr>
        <td>第2章</td>
        <td>
          <a href="/helloworld/">Hello</a>
        </td>
      </tr>
      <tr>
        <td>5.5 实战：利用计算属性、指令等知识开发购物车</td>
        <td>
          <a href="/simplecart/">简单购物车</a>
        </td>
      </tr>
      <tr>
        <td>5.5 实战：利用计算属性、指令等知识开发购物车 练习1,练习2</td>
        <td>
          <a href="/complexcart/">复杂购物车</a>
        </td>
      </tr>
      <tr>
        <td>第6章 表单与 v-model</td>
        <td>
          <a href="/form/">表单</a>
        </td>
      </tr>
      <tr>
        <td>7.1 组件与复用 & 7.2 使用 props 传递数据</td>
        <td>
          <a href="/component/">组件</a>
        </td>
      </tr>
      <tr>
        <td>7.3.1 自定义事件</td>
        <td>
          <a href="/component/index2.html">组件2: 父子组件的消息通信</a>
        </td>
      </tr>
      <tr>
        <td>7.3.1 自定义事件</td>
        <td>
          <a href="/component/index3.html">组件3: 父组件处理子组件的原生事件</a>
        </td>
      </tr>
      <tr>
        <td>7.3.3 非父子组件通信</td>
        <td>
          <a href="/component/index4.html">组件4: 非父子组件间通信 vue1.x实现</a>
        </td>
      </tr>
      <tr>
        <td>7.3.3 非父子组件通信</td>
        <td>
          <a href="/component/index5.html">组件5: 组件间通信 vue2.x 通过bus实现</a>
        </td>
      </tr>
      <tr>
        <td>7.4.3 slot用法</td>
        <td>
          <a href="/component/slot.html">组件6: 组件中的 slot 插槽的应用</a>
        </td>
      </tr>
      <tr>
        <td>7.4.4 作用域插槽</td>
        <td>
          <a href="/component/slotwithscope.html">组件7: 组件中的带scope的slot</a>
        </td>
      </tr>
      <tr>
        <td>7.5.1 递归组件</td>
        <td>
          <a href="/component/recursion.html">组件8: 递归组件</a>
        </td>
      </tr>
      <tr>
        <td>7.5.2 ~ 7.5.4</td>
        <td>
          <a href="/component/inline.html">组件9: 内联模板&动态组件</a>
        </td>
      </tr>
      <tr>
        <td>7.6.2 X-Templates</td>
        <td>
          <a href="/component/xtemplate.html">组件10: 用X-Template定义模板</a>
        </td>
      </tr>
      <tr>
        <td>7.7.1 开发一个数字输入框组件</td>
        <td>
          <a href="/numberinput/">数字输入组件</a>
        </td>
      </tr>
      <tr>
        <td>7.7.1 开发一个数字输入框组件 练习1</td>
        <td>
          <a href="/numberinput1/">支持键盘上下键的数字输入组件</a>
        </td>
      </tr>
      <tr>
        <td>7.7.1 开发一个数字输入框组件 练习2</td>
        <td>
          <a href="/numberinput2/">支持设置步进值的数字输入组件</a>
        </td>
      </tr>
      <tr>
        <td>7.7.2 开发一个标签页组件</td>
        <td>
          <a href="/tabs/">标签页组件</a>
        </td>
      </tr>
      <tr>
        <td>8.1 基本用法</td>
        <td>
          <a href="/directive/">自定义指令</a>
        </td>
      </tr>
      <tr>
        <td>8.2.1 开发一个可以从外部关闭的下拉菜单</td>
        <td>
          <a href="/dropdown/">可以从外部关闭的下拉菜单</a>
        </td>
      </tr>
      <tr>
        <td>8.2.1 练习2</td>
        <td>
          <a href="/dropdownesc/">按下ESC可以关闭的下拉菜单</a>
        </td>
      </tr>
      <tr>
        <td>8.2.1 练习3</td>
        <td>
          <a href="/dropdownescm/">可选的ESC可以关闭的下拉菜单</a>
        </td>
      </tr>
      <tr>
        <td>9.3.2 约束 示例一</td>
        <td>
          <a href="/render/">原书认为一种错误的多组件渲染方式1</a>
        </td>
      </tr>
      <tr>
        <td>9.3.2 约束 示例二</td>
        <td>
          <a href="/render/index2.html">原书认为一种错误的多组件渲染方式2</a>
        </td>
      </tr>
      <tr>
        <td>9.3.3 149页的列表代码</td>
        <td>
          <a href="/render/index3.html">通过if、else及数组的map配合实现列表渲染</a>
        </td>
      </tr>
      <tr>
        <td>9.3.3 152页的聊天代码</td>
        <td>
          <a href="/render/chatroom.html">模拟聊天发送内容的场景</a>
        </td>
      </tr>
      <tr>
        <td>9.3.3 153页的组件slots实现</td>
        <td>
          <a href="/render/slots.html">slots</a>
        </td>
      </tr>
      <tr>
        <td>9.4 函数化组件</td>
        <td>
          <a href="/render/program.html">根据数据智能选择不同组件</a>
        </td>
      </tr>
      <tr>
        <td>9.6 实战：使用Render函数开发可排序的表格组件</td>
        <td>
          <a href="/rendertable/">可排序的表格组件</a>
        </td>
      </tr>
      <tr>
        <td>9.7 实战：留言列表</td>
        <td>
          <a href="/bbs/">留言列表</a>
        </td>
      </tr>
      <tr>
        <td>10.3 单文件组件与vue-loader</td>
        <td>
          <a href="/app/">第一次用webpack</a>
        </td>
      </tr>
      <tr>
        <td>11.1.2 vue-router基本用法</td>
        <td>
          <a href="/router/">首页</a>
          <a href="/router/#/about">关于</a>
          <a href="/router/#/user/12342">用户12342</a>
        </td>
      </tr>
      <tr>
        <td>11.2 状态管理与Vuex</td>
        <td>
          <a href="/vuex/">Vuex基本用法</a>
        </td>
      </tr>
    </table>

  </div>
  <script src="https://unpkg.com/vue/dist/vue.min.js"></script>
  <script>
  </script>
</body>

</html>